﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CSS Columns</title>
    
    
    
    

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.2.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.2.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.2.0/js/ui.js"></script>
    
    <link href="csscolumns.css" rel="stylesheet" />
    <script src="csscolumns.js"></script>
</head>
<body>
    <div class="csscolumns fragment">
        <header aria-label="Header content" role="banner">
            <button data-win-control="WinJS.UI.BackButton"></button>
            <h1 class="titlearea win-type-ellipsis">
                <span class="pagetitle">CSS Columns</span>
            </h1>
        </header>
        <section aria-label="Main content" role="main">
            <div>
                <div class="columns">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo condimentum metus mattis eleifend. Aenean rutrum neque ut diam iaculis interdum. Suspendisse sed tellus ipsum. In hac habitasse platea dictumst. Nulla viverra arcu a urna bibendum varius. Ut pellentesque malesuada pharetra. Mauris tristique nunc vitae arcu dapibus vitae fringilla elit elementum. Suspendisse ultricies orci quis arcu faucibus aliquam. Nullam iaculis iaculis consectetur. Nulla sodales posuere neque, sit amet imperdiet felis fringilla eget. </p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Integer pulvinar ultrices nulla, a tempor lorem tincidunt et. Praesent id quam nulla, et auctor metus. Nulla facilisi. Vestibulum tempus odio velit. Nullam nec urna in ante viverra egestas. Aliquam erat volutpat. Nullam molestie auctor urna, quis ullamcorper diam bibendum nec. Fusce commodo turpis a nisl sodales lacinia. Morbi ullamcorper accumsan nunc vitae volutpat. Duis metus dui, sollicitudin quis vestibulum et, ullamcorper ut quam. Nam in leo orci. </p>
                    <p>Aliquam iaculis elementum elit, a lacinia erat ultricies quis. Vivamus sed felis libero. Integer mattis, sem ut commodo posuere, odio tellus consequat est, et tincidunt libero ipsum id nunc. Integer non eros ante, vel rutrum orci. Cras facilisis est sed sapien auctor id fermentum ipsum rutrum. Fusce tincidunt sodales arcu non congue. Curabitur fermentum porttitor est. Nullam consectetur volutpat dolor sit amet ornare. Ut imperdiet, nisi sit amet viverra congue, nisi turpis varius lectus, et cursus odio diam a enim. Morbi lobortis orci vitae sem accumsan vel interdum quam mattis. In posuere fringilla dolor, ut rutrum lorem feugiat et. </p>
                    <p>In turpis magna, pretium vitae vestibulum at, convallis nec nisi. In sit amet dolor vel leo mollis tristique vel vitae orci. Suspendisse potenti. Cras consequat nisi non libero mattis dictum. Donec mauris arcu, lacinia vitae convallis at, ultricies sit amet quam. Nulla egestas nisl quis lectus commodo rutrum. Aliquam erat volutpat. Sed ac ante varius orci dapibus convallis. Praesent lobortis dapibus dolor, nec tempus erat imperdiet et. Praesent dictum neque in enim rhoncus varius. Etiam pretium bibendum nunc ac commodo. </p>
                    <p>Ut lacinia tempus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat egestas dolor non sagittis. Cras vestibulum elit ac ligula gravida dictum. Vestibulum id augue mauris, id ultrices risus. Duis vestibulum facilisis arcu, non iaculis risus tempus in. Vestibulum eu velit et magna varius blandit vitae ac ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida, mauris eget vehicula egestas, lacus lorem cursus ipsum, a aliquet eros quam hendrerit dolor. Integer a ligula leo, vitae aliquet dui. Suspendisse potenti. Cras non ipsum odio, sed mattis arcu. Sed tincidunt dui non orci gravida at imperdiet arcu ornare. Pellentesque sit amet diam eros. </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo condimentum metus mattis eleifend. Aenean rutrum neque ut diam iaculis interdum. Suspendisse sed tellus ipsum. In hac habitasse platea dictumst. Nulla viverra arcu a urna bibendum varius. Ut pellentesque malesuada pharetra. Mauris tristique nunc vitae arcu dapibus vitae fringilla elit elementum. Suspendisse ultricies orci quis arcu faucibus aliquam. Nullam iaculis iaculis consectetur. Nulla sodales posuere neque, sit amet imperdiet felis fringilla eget. </p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Integer pulvinar ultrices nulla, a tempor lorem tincidunt et. Praesent id quam nulla, et auctor metus. Nulla facilisi. Vestibulum tempus odio velit. Nullam nec urna in ante viverra egestas. Aliquam erat volutpat. Nullam molestie auctor urna, quis ullamcorper diam bibendum nec. Fusce commodo turpis a nisl sodales lacinia. Morbi ullamcorper accumsan nunc vitae volutpat. Duis metus dui, sollicitudin quis vestibulum et, ullamcorper ut quam. Nam in leo orci. </p>
                    <p>Aliquam iaculis elementum elit, a lacinia erat ultricies quis. Vivamus sed felis libero. Integer mattis, sem ut commodo posuere, odio tellus consequat est, et tincidunt libero ipsum id nunc. Integer non eros ante, vel rutrum orci. Cras facilisis est sed sapien auctor id fermentum ipsum rutrum. Fusce tincidunt sodales arcu non congue. Curabitur fermentum porttitor est. Nullam consectetur volutpat dolor sit amet ornare. Ut imperdiet, nisi sit amet viverra congue, nisi turpis varius lectus, et cursus odio diam a enim. Morbi lobortis orci vitae sem accumsan vel interdum quam mattis. In posuere fringilla dolor, ut rutrum lorem feugiat et. </p>
                    <p>In turpis magna, pretium vitae vestibulum at, convallis nec nisi. In sit amet dolor vel leo mollis tristique vel vitae orci. Suspendisse potenti. Cras consequat nisi non libero mattis dictum. Donec mauris arcu, lacinia vitae convallis at, ultricies sit amet quam. Nulla egestas nisl quis lectus commodo rutrum. Aliquam erat volutpat. Sed ac ante varius orci dapibus convallis. Praesent lobortis dapibus dolor, nec tempus erat imperdiet et. Praesent dictum neque in enim rhoncus varius. Etiam pretium bibendum nunc ac commodo. </p>
                    <p>Ut lacinia tempus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat egestas dolor non sagittis. Cras vestibulum elit ac ligula gravida dictum. Vestibulum id augue mauris, id ultrices risus. Duis vestibulum facilisis arcu, non iaculis risus tempus in. Vestibulum eu velit et magna varius blandit vitae ac ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida, mauris eget vehicula egestas, lacus lorem cursus ipsum, a aliquet eros quam hendrerit dolor. Integer a ligula leo, vitae aliquet dui. Suspendisse potenti. Cras non ipsum odio, sed mattis arcu. Sed tincidunt dui non orci gravida at imperdiet arcu ornare. Pellentesque sit amet diam eros. </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo condimentum metus mattis eleifend. Aenean rutrum neque ut diam iaculis interdum. Suspendisse sed tellus ipsum. In hac habitasse platea dictumst. Nulla viverra arcu a urna bibendum varius. Ut pellentesque malesuada pharetra. Mauris tristique nunc vitae arcu dapibus vitae fringilla elit elementum. Suspendisse ultricies orci quis arcu faucibus aliquam. Nullam iaculis iaculis consectetur. Nulla sodales posuere neque, sit amet imperdiet felis fringilla eget. </p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Integer pulvinar ultrices nulla, a tempor lorem tincidunt et. Praesent id quam nulla, et auctor metus. Nulla facilisi. Vestibulum tempus odio velit. Nullam nec urna in ante viverra egestas. Aliquam erat volutpat. Nullam molestie auctor urna, quis ullamcorper diam bibendum nec. Fusce commodo turpis a nisl sodales lacinia. Morbi ullamcorper accumsan nunc vitae volutpat. Duis metus dui, sollicitudin quis vestibulum et, ullamcorper ut quam. Nam in leo orci. </p>
                    <p>Aliquam iaculis elementum elit, a lacinia erat ultricies quis. Vivamus sed felis libero. Integer mattis, sem ut commodo posuere, odio tellus consequat est, et tincidunt libero ipsum id nunc. Integer non eros ante, vel rutrum orci. Cras facilisis est sed sapien auctor id fermentum ipsum rutrum. Fusce tincidunt sodales arcu non congue. Curabitur fermentum porttitor est. Nullam consectetur volutpat dolor sit amet ornare. Ut imperdiet, nisi sit amet viverra congue, nisi turpis varius lectus, et cursus odio diam a enim. Morbi lobortis orci vitae sem accumsan vel interdum quam mattis. In posuere fringilla dolor, ut rutrum lorem feugiat et. </p>
                    <p>In turpis magna, pretium vitae vestibulum at, convallis nec nisi. In sit amet dolor vel leo mollis tristique vel vitae orci. Suspendisse potenti. Cras consequat nisi non libero mattis dictum. Donec mauris arcu, lacinia vitae convallis at, ultricies sit amet quam. Nulla egestas nisl quis lectus commodo rutrum. Aliquam erat volutpat. Sed ac ante varius orci dapibus convallis. Praesent lobortis dapibus dolor, nec tempus erat imperdiet et. Praesent dictum neque in enim rhoncus varius. Etiam pretium bibendum nunc ac commodo. </p>
                    <p>Ut lacinia tempus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat egestas dolor non sagittis. Cras vestibulum elit ac ligula gravida dictum. Vestibulum id augue mauris, id ultrices risus. Duis vestibulum facilisis arcu, non iaculis risus tempus in. Vestibulum eu velit et magna varius blandit vitae ac ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida, mauris eget vehicula egestas, lacus lorem cursus ipsum, a aliquet eros quam hendrerit dolor. Integer a ligula leo, vitae aliquet dui. Suspendisse potenti. Cras non ipsum odio, sed mattis arcu. Sed tincidunt dui non orci gravida at imperdiet arcu ornare. Pellentesque sit amet diam eros. </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo condimentum metus mattis eleifend. Aenean rutrum neque ut diam iaculis interdum. Suspendisse sed tellus ipsum. In hac habitasse platea dictumst. Nulla viverra arcu a urna bibendum varius. Ut pellentesque malesuada pharetra. Mauris tristique nunc vitae arcu dapibus vitae fringilla elit elementum. Suspendisse ultricies orci quis arcu faucibus aliquam. Nullam iaculis iaculis consectetur. Nulla sodales posuere neque, sit amet imperdiet felis fringilla eget. </p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Integer pulvinar ultrices nulla, a tempor lorem tincidunt et. Praesent id quam nulla, et auctor metus. Nulla facilisi. Vestibulum tempus odio velit. Nullam nec urna in ante viverra egestas. Aliquam erat volutpat. Nullam molestie auctor urna, quis ullamcorper diam bibendum nec. Fusce commodo turpis a nisl sodales lacinia. Morbi ullamcorper accumsan nunc vitae volutpat. Duis metus dui, sollicitudin quis vestibulum et, ullamcorper ut quam. Nam in leo orci. </p>
                    <p>Aliquam iaculis elementum elit, a lacinia erat ultricies quis. Vivamus sed felis libero. Integer mattis, sem ut commodo posuere, odio tellus consequat est, et tincidunt libero ipsum id nunc. Integer non eros ante, vel rutrum orci. Cras facilisis est sed sapien auctor id fermentum ipsum rutrum. Fusce tincidunt sodales arcu non congue. Curabitur fermentum porttitor est. Nullam consectetur volutpat dolor sit amet ornare. Ut imperdiet, nisi sit amet viverra congue, nisi turpis varius lectus, et cursus odio diam a enim. Morbi lobortis orci vitae sem accumsan vel interdum quam mattis. In posuere fringilla dolor, ut rutrum lorem feugiat et. </p>
                    <p>In turpis magna, pretium vitae vestibulum at, convallis nec nisi. In sit amet dolor vel leo mollis tristique vel vitae orci. Suspendisse potenti. Cras consequat nisi non libero mattis dictum. Donec mauris arcu, lacinia vitae convallis at, ultricies sit amet quam. Nulla egestas nisl quis lectus commodo rutrum. Aliquam erat volutpat. Sed ac ante varius orci dapibus convallis. Praesent lobortis dapibus dolor, nec tempus erat imperdiet et. Praesent dictum neque in enim rhoncus varius. Etiam pretium bibendum nunc ac commodo. </p>
                    <p>Ut lacinia tempus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat egestas dolor non sagittis. Cras vestibulum elit ac ligula gravida dictum. Vestibulum id augue mauris, id ultrices risus. Duis vestibulum facilisis arcu, non iaculis risus tempus in. Vestibulum eu velit et magna varius blandit vitae ac ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida, mauris eget vehicula egestas, lacus lorem cursus ipsum, a aliquet eros quam hendrerit dolor. Integer a ligula leo, vitae aliquet dui. Suspendisse potenti. Cras non ipsum odio, sed mattis arcu. Sed tincidunt dui non orci gravida at imperdiet arcu ornare. Pellentesque sit amet diam eros. </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo condimentum metus mattis eleifend. Aenean rutrum neque ut diam iaculis interdum. Suspendisse sed tellus ipsum. In hac habitasse platea dictumst. Nulla viverra arcu a urna bibendum varius. Ut pellentesque malesuada pharetra. Mauris tristique nunc vitae arcu dapibus vitae fringilla elit elementum. Suspendisse ultricies orci quis arcu faucibus aliquam. Nullam iaculis iaculis consectetur. Nulla sodales posuere neque, sit amet imperdiet felis fringilla eget. </p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Integer pulvinar ultrices nulla, a tempor lorem tincidunt et. Praesent id quam nulla, et auctor metus. Nulla facilisi. Vestibulum tempus odio velit. Nullam nec urna in ante viverra egestas. Aliquam erat volutpat. Nullam molestie auctor urna, quis ullamcorper diam bibendum nec. Fusce commodo turpis a nisl sodales lacinia. Morbi ullamcorper accumsan nunc vitae volutpat. Duis metus dui, sollicitudin quis vestibulum et, ullamcorper ut quam. Nam in leo orci. </p>
                    <p>Aliquam iaculis elementum elit, a lacinia erat ultricies quis. Vivamus sed felis libero. Integer mattis, sem ut commodo posuere, odio tellus consequat est, et tincidunt libero ipsum id nunc. Integer non eros ante, vel rutrum orci. Cras facilisis est sed sapien auctor id fermentum ipsum rutrum. Fusce tincidunt sodales arcu non congue. Curabitur fermentum porttitor est. Nullam consectetur volutpat dolor sit amet ornare. Ut imperdiet, nisi sit amet viverra congue, nisi turpis varius lectus, et cursus odio diam a enim. Morbi lobortis orci vitae sem accumsan vel interdum quam mattis. In posuere fringilla dolor, ut rutrum lorem feugiat et. </p>
                    <p>In turpis magna, pretium vitae vestibulum at, convallis nec nisi. In sit amet dolor vel leo mollis tristique vel vitae orci. Suspendisse potenti. Cras consequat nisi non libero mattis dictum. Donec mauris arcu, lacinia vitae convallis at, ultricies sit amet quam. Nulla egestas nisl quis lectus commodo rutrum. Aliquam erat volutpat. Sed ac ante varius orci dapibus convallis. Praesent lobortis dapibus dolor, nec tempus erat imperdiet et. Praesent dictum neque in enim rhoncus varius. Etiam pretium bibendum nunc ac commodo. </p>
                    <p>Ut lacinia tempus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat egestas dolor non sagittis. Cras vestibulum elit ac ligula gravida dictum. Vestibulum id augue mauris, id ultrices risus. Duis vestibulum facilisis arcu, non iaculis risus tempus in. Vestibulum eu velit et magna varius blandit vitae ac ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida, mauris eget vehicula egestas, lacus lorem cursus ipsum, a aliquet eros quam hendrerit dolor. Integer a ligula leo, vitae aliquet dui. Suspendisse potenti. Cras non ipsum odio, sed mattis arcu. Sed tincidunt dui non orci gravida at imperdiet arcu ornare. Pellentesque sit amet diam eros. </p>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc commodo condimentum metus mattis eleifend. Aenean rutrum neque ut diam iaculis interdum. Suspendisse sed tellus ipsum. In hac habitasse platea dictumst. Nulla viverra arcu a urna bibendum varius. Ut pellentesque malesuada pharetra. Mauris tristique nunc vitae arcu dapibus vitae fringilla elit elementum. Suspendisse ultricies orci quis arcu faucibus aliquam. Nullam iaculis iaculis consectetur. Nulla sodales posuere neque, sit amet imperdiet felis fringilla eget. </p>
                    <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat. Integer pulvinar ultrices nulla, a tempor lorem tincidunt et. Praesent id quam nulla, et auctor metus. Nulla facilisi. Vestibulum tempus odio velit. Nullam nec urna in ante viverra egestas. Aliquam erat volutpat. Nullam molestie auctor urna, quis ullamcorper diam bibendum nec. Fusce commodo turpis a nisl sodales lacinia. Morbi ullamcorper accumsan nunc vitae volutpat. Duis metus dui, sollicitudin quis vestibulum et, ullamcorper ut quam. Nam in leo orci. </p>
                    <p>Aliquam iaculis elementum elit, a lacinia erat ultricies quis. Vivamus sed felis libero. Integer mattis, sem ut commodo posuere, odio tellus consequat est, et tincidunt libero ipsum id nunc. Integer non eros ante, vel rutrum orci. Cras facilisis est sed sapien auctor id fermentum ipsum rutrum. Fusce tincidunt sodales arcu non congue. Curabitur fermentum porttitor est. Nullam consectetur volutpat dolor sit amet ornare. Ut imperdiet, nisi sit amet viverra congue, nisi turpis varius lectus, et cursus odio diam a enim. Morbi lobortis orci vitae sem accumsan vel interdum quam mattis. In posuere fringilla dolor, ut rutrum lorem feugiat et. </p>
                    <p>In turpis magna, pretium vitae vestibulum at, convallis nec nisi. In sit amet dolor vel leo mollis tristique vel vitae orci. Suspendisse potenti. Cras consequat nisi non libero mattis dictum. Donec mauris arcu, lacinia vitae convallis at, ultricies sit amet quam. Nulla egestas nisl quis lectus commodo rutrum. Aliquam erat volutpat. Sed ac ante varius orci dapibus convallis. Praesent lobortis dapibus dolor, nec tempus erat imperdiet et. Praesent dictum neque in enim rhoncus varius. Etiam pretium bibendum nunc ac commodo. </p>
                    <p>Ut lacinia tempus tristique. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis volutpat egestas dolor non sagittis. Cras vestibulum elit ac ligula gravida dictum. Vestibulum id augue mauris, id ultrices risus. Duis vestibulum facilisis arcu, non iaculis risus tempus in. Vestibulum eu velit et magna varius blandit vitae ac ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas gravida, mauris eget vehicula egestas, lacus lorem cursus ipsum, a aliquet eros quam hendrerit dolor. Integer a ligula leo, vitae aliquet dui. Suspendisse potenti. Cras non ipsum odio, sed mattis arcu. Sed tincidunt dui non orci gravida at imperdiet arcu ornare. Pellentesque sit amet diam eros. </p>
                </div>
            </div>
        </section>
    </div>
</body>
</html>
